<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<style>
			body {
				margin: 15px 0px;
			}
		</style>
	</head>

	<body>
		<!--
			媒体对象 面板 具有响应式特性的嵌入内容  file
			默认居顶显示
			media-middle
			media-bottom
		-->
		<div class="container">
			<!--		<div class="media ">
				<a class="media-left " href="#">
					<img src="img/图像0030.jpg" alt="heng" height="64px" width="64px" />
				</a>
				<div class="media-body">
					<h4 class="media-heading">
						欢迎来到bootstrap
					</h4>
					<p>
						欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
						<br /> 欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
					</p>
				</div>
			</div>
			<div class="media">
				<a class="media-left media-middle" href="#">
					<img src="img/图像0030.jpg" alt="heng" height="64px" width="64px" />
				</a>
				<div class="media-body">
					<h4 class="media-heading">
						欢迎来到bootstrap
					</h4>
					<p>
						欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
						<br /> 欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
					</p>
				</div>
			</div>
			
			<div class="media">
				<a class="media-left media-bottom" href="#">
					<img src="img/图像0030.jpg" alt="heng" height="64px" width="64px" />
				</a>
				<div class="media-body">
					<h4 class="media-heading">
						欢迎来到bootstrap
					</h4>
					<p>
						欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
						<br /> 欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
					</p>
				</div>
			</div>
			<div class="media">
				<a class="media-left" href="#">
					<img src="img/图像0030.jpg" alt="heng" height="64px" width="64px" />
				</a>
				<div class="media-body">
					<h4 class="media-heading">
						欢迎来到bootstrap
					</h4>
					<p>
						欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
						<br /> 欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
					</p>
					<div class="media">
						<a class="media-left" href="#">
							<img src="img/图像0030.jpg" alt="heng" height="64px" width="64px" />
						</a>
						<div class="media-body">
							<h4 class="media-heading">
						欢迎来到bootstrap
					</h4>
							<p>
								欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
								<br /> 欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="media">
				<a class="media-left" href="#">
					<img src="img/图像0030.jpg" alt="heng" height="64px" width="64px" />
				</a>
				<div class="media-body">
					<h4 class="media-heading">
						欢迎来到bootstrap
					</h4>
					<p>
						欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
						<br /> 欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap欢迎来到bootstrap
					</p>
				</div>
				<a class="media-right" href="#">
					<img src="img/图像0030.jpg" alt="heng" height="64px" width="64px" />
				</a>
			</div>-->
			<ul class="media-list">
				<li class="media">
					<a class="media-left" href="#">
						<img src="img/图像0030.jpg" alt="yao" width="64px" height="64px" />
					</a>
					<div class="media-body">
						<p4>欢迎来到淘学网</p4>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
					</div>
				</li>
				<li class="media">
					<a class="media-left" href="#">
						<img src="img/图像0030.jpg" alt="yao" width="64px" height="64px" />
					</a>
					<div class="media-body">
						<p4>欢迎来到淘学网</p4>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
					</div>
				</li>
				<li class="media">
					<a class="media-left" href="#">
						<img src="img/图像0030.jpg" alt="yao" width="64px" height="64px" />
					</a>
					<div class="media-body">
						<p4>欢迎来到淘学网</p4>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
					</div>
				</li>
				<li class="media">
					<a class="media-left" href="#">
						<img src="img/图像0030.jpg" alt="yao" width="64px" height="64px" />
					</a>
					<div class="media-body">
						<p4>欢迎来到淘学网</p4>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
						<p>欢迎来到逃学网 欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网欢迎来到逃学网</p>
					</div>
				</li>
			</ul>
		</div>
	</body>

</html>